// 功能：接收背景脚本的指令，并通过动态修改CSS样式来应用或移除页面模糊效果

// 监听由背景脚本或其他部分发送过来的消息
chrome.runtime.onMessage.addListener((msg) => {
    // 判断接收到的消息是否为设置模糊的动作
    if (msg.action === "set-blur") {
        // 调用函数，应用指定强度的模糊滤镜
        applyBlurFilter(msg.level)
    }
})

// 应用或移除模糊滤镜效果的核心函数
function applyBlurFilter(level) {
    if (level > 0) {
        // 创建一个新的<style>标签来存放我们的CSS规则
        const styleElement = document.createElement("style")
        styleElement.id = "privacy-blur-style"
        styleElement.textContent = `body { filter: blur(${level}px); }`
        document.head.appendChild(styleElement)
    }
    // 3. 将当前的模糊级别也存储在网页的本地存储(localStorage)中。先提供一个初始状态，优化体验。
    localStorage.setItem("lastBlurLevel", level)
}
